<!DOCTYPE html>
<%@page import="condominio.modelo.Queja"%>
<html lang="en">
  <head>  
	<meta charset="utf-8">	
	
	<meta name="viewport" content="width=device-width, initial-scale=1">
    
	
    <title>Registro de Quejas</title>
	
	<script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap-3.3.2.min.js"></script>

	<link href="css/bootstrap-3.3.2.min.css" rel="stylesheet">	
	<link href="css/bootstrap-theme-3.3.2.min.css" rel="stylesheet">
	<link href="css/offcanvas.css" rel="stylesheet">	
	
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
    	
    	Header{
    	font-size: 30px;
    	font-family: "Times New Roman";
    	font-style: "italic";
		
		color: black;
    	}
    	p {
    	font-size: 25px;
    	font-family: "Times New Roman";
    	font-style: "italic";
    	}
    	SELECT{
    	
    	font-size: 20px;
    	font-family: "Times New Roman";
    	font-style: "bold";
    	}
    	form{
	
		padding:0px;
		width:90%;
		height: 600px;
		
		margin: auto;
		
		background: white;
	
	}
	<meta charset="utf-8">	
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
    <title>Registro de Quejas</title>
	
	<script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap-3.3.2.min.js"></script>

	<link href="css/bootstrap-3.3.2.min.css" rel="stylesheet">	
	<link href="css/bootstrap-theme-3.3.2.min.css" rel="stylesheet">
	<link href="css/offcanvas.css" rel="stylesheet">	
	
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    
    <style>
    
    .enlace-sesion{
    margin-right:11px; 
    }
    .enlace-menu{
    margin-right:13px;
    color:#245DC1;
    }
    
    .enlace-menu2{
    margin-left:10px;
    color:#444449;
    }
    
    #menu-sec{
    border-bottom:1px #EEEEEE solid;  
    }
    
    #sha{
    -webkit-box-shadow: 0px 0px 18px 0px rgba(48, 50, 50, 0.48);
    -moz-box-shadow:    0px 0px 18px 0px rgba(48, 50, 50, 0.48);
    box-shadow:         0px 0px 18px 0px rgba(48, 50, 50, 0.48);
  	}
  
    </style>
    
    
    </style>
  </head>

  <body>
  <!--Primer Contenerdor logo Google y botón Crear cuenta-->  
	<div class="container-fluid well">
	    <div class="row">
	      <!--Columna logo con imágen responsive-->
		    <div class="col-xs-3 col-sm-3 col-sm-offset-1 col-md-2 col-md-offset-2 col-lg-2 col-lg-offset-3">
		      <img src="img/Logo2.png" class="img-responsive">
		    </div>
	        <!--columna link iniciar sesión solo es visible en xs-->
		    <div class="col-xs-4 visible-xs">
		      <small><a href="#">Iniciar sesión</a></small>
		    </div>
	        <!--columna botón crear cuenta solo es visible en xs-->
	        <div class="col-xs-3 visible-xs">
	          <button type="button" class="btn btn-primary">Ingresar</button>
	        </div>
	        <!--columna link y boton solo son visibles en sm md lg-->
	        <div class="col-sm-4 col-sm-offset-3 visible-sm visible-md
	         visible-lg col-md-4 col-md-offset-4 col-lg-4 col-lg-offset-3">
	          <small><a href="#" class="enlace-menu">Iniciar sesión</a></small>
	            <button type="button" class="btn btn-primary">Ingresar</button>
	        </div>
	        
	    </div>
	</div>
	<!--Fin del primer contenedor-->
	
	<!--Segundo contenedor menu secundario-->
	<div class="bs-example">
    <nav id="navbar-example" class="navbar navbar-default navbar-static">
      <div class="container-fluid">
        <div class="navbar-header">
          <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-example-js-navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Project Name</a>
        </div>
        <div class="collapse navbar-collapse bs-example-js-navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a id="drop1" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
                Residentes
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="MantResisdente.jsp">Mantenimiento de Resisdentes</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="RegistroResidente.jsp">Registro de Resisdentes</a></li>
                <li role="presentation" class="divider"></li>
              </ul>
            </li>
            <li class="dropdown">
              <a id="drop2" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
                Viviendas
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="MantViviendas.jsp">Mantenimiento de Viviendas</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="RegistroVivienda.jsp">Registro de Viviendas</a></li>
                <li role="presentation" class="divider"></li>
              </ul>
            </li>
             <li class="dropdown">
              <a id="drop2" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
                Cuotas
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="ColocacionCuotas.jsp">Colocacion de Cuotas</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="PagoDeCuotas.jsp">Pago de Cuotas</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="ConsultaMorosos.jsp">Consulta de Morosos</a></li>
                <li role="presentation" class="divider"></li>
              </ul>
            </li>
              <li class="dropdown">
              <a id="drop2" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
                Condominio
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="ReservaEspacio.jsp">Registro de Espacio Común</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="RegistroVisitas.jsp">Registro de Invitados</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="Registrodetalleinvitado.jsp">Lista de Invitados</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="RegistroQueja.jsp">Registro de Quejas</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="RegistroJunta.jsp">Registro de Juntas</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="MensajeriaInterna.jsp">Mensajeria</a></li>
                <li role="presentation" class="divider"></li>
              	
              </ul>
            </li>
          </ul>
          
        </div><!-- /.nav-collapse -->
      </div><!-- /.container-fluid -->
    </nav> <!-- /navbar-example -->
  </div> 
	<!--Fin del segundo contenedor-->
	
	
	

    
	<form class="form-horizontal well"  action="QuejaInserta" method="post" style="width: 760px">
	
	<div class="container" style="width: 1013px; ">
	<h2>Registro de quejas</h2>
		<div class="row">
			<div class="col-md-12">
				
			</div> 
				  
				  <div class="control-group">
					  <label class="control-label" for="select01">Tipo de Queja:</label><select id="select01" name=select01>
				  <option>------</option>
				  <option value = "Falla en el servicio de Porteria">Falla en el servicio de Porteria</option>
				  <option value = "Problemas en el area de Estacionamiento">Problemas en el area de Estacionamiento</option>
				  <option value = "Problemas en las areas comunes">Problemas en las areas comunes</option>
				  <option value = "Problemas con las instalaciones electricas">Problemas con las instalaciones electricas</option>
				  <option value = "Problemas con las instalaciones sanitarias">Problemas con las instalaciones sanitarias</option>
				  <option value = "Sonidos molestos a altas horas de la noche">Sonidos molestos a altas horas de la noche</option>
				  <option value = "Problemas de tipo disciplinario">Problemas de tipo disciplinario</option>
				  <option value = "Otros">Otros</option>
				  </select> <div class="controls">
				  
					</div>
					  <br><br><br>
					  <div class="controls">
					<div class="input-prepend">
					  <textarea name = "textoqueja" style="width: 631px; height: 166px"></textarea>
					</div>                
				  </div>
					  
					 
							<div class="controls">
					
				  </div>
				  <div class="row">
        <div class="col-md-6">
          
        </div>
         <div class="col-md-6">
          
         	256 caracteres
         
       	</div>
      </div>
				 
				  <div class="controls">
				 
				</div>
				  
				  <div class="control-group" style="height: 70px; ">
				  <label class="control-label" for="input01" >Fecha de Queja:</label>  <input class="Date" id="prependedInput" type="Date" name = "fechaqueja"style="width: 274px; ">
				  
				  </div>
				  
				  
				  
					<button type="submit" class="btn btn-primary">Enviar</button><button type="reset" class="btn btn-primary">Cancelar</button>
					            
				
				</div>
			  
			  

			</div>
			<br>
			</div>
		</form>
		
  </body>
</html>
	
	
	
	
	
	